<!DOCTYPE HTML>
<html lang="pt-BR">
    <head>
            <meta charset="UTF-8" />
            <title>Mostratec | Mostra de Trabalhos de Iniciação Técnico-Científica | IFRS</title>
            <script type="text/javascript" src="../js/jquery-1.7.1.min.js"> </script>
            <script type="text/javascript" src="../js/nivo-slider/jquery.nivo.slider.js"> </script>
            <link rel="stylesheet" href="../js/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="../css/estilo.css" type="text/css" media="screen" />
            <script type="text/javascript">
                $(window).load(function() {
                    $('#slider').nivoSlider({
                    effect:'random',
                    slices:15,
                    animSpeed:500,
                    pauseTime:3000,
                    directionNav:false, //Next & Prev
                    directionNavHide:false, //Only show on hover
                    controlNav:false, //1,2,3…
                    beforeChange: function(){},
                    afterChange: function(){}
                    });
    });
            </script>
            <style type="text/css">
                img {
                    width: 50%
                }
            </style>
    </head>
    <body>
        <div id="container">
            <header>  
				<div class="slider-wrapper theme-default">
                    <div class="ribbon"></div>
                    <div id="slider" class="nivoSlider">
                        <img src="../img/foto1_nova.JPG" alt="" />
                        <a href="http://dev7studios.com"><img src="../img/foto2_nova.JPG" alt="" title="This is an example of a caption" /></a>
                        <img src="../img/foto3_nova.JPG" alt="" data-transition="slideInLeft" />
                        <img src="../img/foto4_nova.JPG" alt="" title="#htmlcaption" />
                    </div>
                    <div id="htmlcaption" class="nivo-html-caption">
                        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                    </div>
                </div>            
            </header> 
            
            <div id="content">
               	<nav>
		        	<ul class="menu">
		        	    <li><a href="index2.html">Início</a></li>
		                <li><a href="#">Chamada</a> </li>
		                <li><a href="#">Datas Importantes</a></li>
		                <li><a href="#">Comitê</a></li>
		                <li><a href="#">Trabalhos Aceitos</a></li>
		                <li><a href="#">Programação</a></li>
		                <li><a href="#">Anteriores</a></li>    
		                <li><a href="fale_conosco.html">Fale Conosco</a></li>                           
		             </ul>
            	</nav>
                <section class="atalhos_home" id="apresentacao_home">
                    <h2>Apresentação</h2>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. </p>
					<button type="button">Leia mais</button>
                </section>
				<section class="atalhos_home" id="programacao_home">
                    <h2>Programação</h2>
					<ul>
						<li>Lorem Ipsum is simply dummy text</li>
						<li>Lorem Ipsum is simply dummy text</li>
						<li>Lorem Ipsum is simply dummy text</li>
						<li>Lorem Ipsum is simply dummy text</li>
					</ul>
					<button type="button">Programação completa</button>
                </section>
				<section class="atalhos_home" id="inscricoes_home">
                    <h2>Inscrições</h2>
					<button type="button">Envio de trabalhos</button>
					<button type="button">Ouvintes</button>
					<button type="button">Avaliadores</button>
                </section>
				<section class="atalhos_home" id="informacoes_home">
                    <h2>Informações</h2>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. </p>
					<button type="button">Leia mais</button>
                </section>				
				<div class="clear"></div>
            </div>
            <footer>
                <p>Copyright 2012 TSI4 - Jonathan, Rosana, Silvana, Henrique, Gabriel, Guilherme, Cesar, Jonas, Douglas, Gutierre, Quele</p>
            </footer>
        </div>
    </body>
</html>